<html>

<head>
    <title>Detail</title>
    <meta http-equiv="content-type" charset="utf-8">
    <meta name="viewport" content="width=1920">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">

</head>

<body>
    <div id="detail" fe-role="Widget">
        <div id="hooq-movie" fe-role="Scroll">
            <div class="scroll-list detail-scroll-list">
                <div class="movie-detail" fe-role="Switch">
                    <h1>真是一个啥啥啥啥啥啥啥啥手持</h1>
                    <img class="movie-post" src="img/post.png" />
                    <div class="movie-info">
                        <p class="movie-name">Contagion</p>
                        <p class="movie-time">1 hour 42mins | PG (US) | English | 2015</p>
                        <p class="movie-subtitle clear-fix"><span class="movie-title-name">Subtitles:</span><span class="movie-subtitle-value">English, Thai</span></p>
                        <p class="movie-cast"><span class="movie-title-name">Cast:</span><span class="movie-cast-outline" fe-role="Widget">Marion Cotillard, Matt Damon, Laurence Fishburne, Jude Law, Gwyneth Paltrow,
Kate Winslet, Bryan Cranston, Jennifer Ehle, Sanaa Lathan, Steven Soderbergh...<span class="movie-cast-more">MORE</span></span>
                        </p>
                        <p class="movie-summary" fe-role="Widget" id="movie-summary"><span class="movie-summary-outline">After being gone for five years, during which he suffered unimaginable ordeals, billionaire Oliver Queen returned home to Starling City with a mysterious agenda and a set of new skills that he uses in a war on crime in this hard-hitting action series. Reinventing the DC Entertainment character for a modern…<span class="movie-summary-more">MORE</span></span>
                        </p>
                        <p class="movie-category">Action & Adventure, Crime, Drama</p>

                        <div class="movie-button" fe-role="Switch">
                            <h1>真是一个啥啥啥啥啥啥啥啥手持</h1>
                            <div class="btn-play" fe-role="Widget">Continue</div>
                            <div class="btn-episode" fe-role="Widget">Find Episode</div>
                            <div class="btn-favor" fe-role="Widget"></div>
                            <div class="btn-later" fe-role="Widget"></div>
                        </div>
                    </div>
                </div>
                <div class="recommend" fe-role="Widget">
                    <h2>OTHERS ALSO WATCHED</h2>
                    <div class="recommend-list" fe-role="Scroll" fe-cfg="scroll_dir:h,auto_list_width:yes,scroll_right_padding:50px">
                        <div class="scroll-list">
                            <div class="scroll-item" fe-role="Widget">
                                <img src="img/recommend.png" class="normal-image" />
                                <p class="normal-type">Movie</p>
                                <p class="normal-title">Harry Potter & The Deadline</p>
                            </div>
                            <div class="scroll-item" fe-role="Widget">
                                <img src="img/recommend.png" class="normal-image" />
                                <p class="normal-type">Movie</p>
                                <p class="normal-title">Harry Potter & The Deadline</p>
                            </div>
                            <div class="scroll-item" fe-role="Widget">
                                <img src="img/recommend.png" class="normal-image" />
                                <p class="normal-type">Movie</p>
                                <p class="normal-title">Harry Potter & The Deadline</p>
                            </div>
                            <div class="scroll-item" fe-role="Widget">
                                <img src="img/recommend.png" class="normal-image" />
                                <p class="normal-type">Movie</p>
                                <p class="normal-title">Harry Potter & The Deadline</p>
                            </div>
                            <div class="scroll-item" fe-role="Widget">
                                <img src="img/recommend.png" class="normal-image" />
                                <p class="normal-type">Movie</p>
                                <p class="normal-title">Harry Potter & The Deadline</p>
                            </div>

                            <div class="scroll-item" fe-role="Widget">
                                <img src="img/recommend.png" class="normal-image" />
                                <p class="normal-type">Movie</p>
                                <p class="normal-title">Harry Potter & The Deadline</p>
                            </div>
                            <div class="scroll-item" fe-role="Widget">
                                <img src="img/recommend.png" class="normal-image" />
                                <p class="normal-type">Movie</p>
                                <p class="normal-title">Harry Potter & The Deadline</p>
                            </div>
                            <div class="scroll-item" fe-role="Widget">
                                <img src="img/recommend.png" class="normal-image" />
                                <p class="normal-type">Movie</p>
                                <p class="normal-title">Harry Potter & The Deadline</p>
                            </div>
                            <div class="scroll-item" fe-role="Widget">
                                <img src="img/recommend.png" class="normal-image" />
                                <p class="normal-type">Movie</p>
                                <p class="normal-title">Harry Potter & The Deadline</p>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="showall" fe-role="Widget">
            <p class="title">CAST</p>
            <p class="content">Gordon Verheul, Dwight Little, Nick Copus, Katie Cassidy, Willa Holland, Manu Bennett, John Badham, Dermott Downs, Greg Berlanti, James Bamford, Thor Freudenthal, John Behring, Wendey Stanzler, Lexi Alexander, Antonio Negret, Jesse Warn, Charlotte Brändström, Kevin Fair, Gregory Smith, John Showalter, Michael Schultz, Rob Hardy, Laura Belsey, Kevin Tancharoen, Glen Winter, Beth Schwartz, Marc Guggenheim, Wendy Mericle, Keto Shimizu, Speed Weed, Ben Sokolowski, Brian Ford Sullivan, Oscar Balderrama, Emilio Ortega Aldrich, Sarah Tarkoff, Rebecca Bellotto, Nolan Dunbar, Jenny Lynn.</p>
            <div class="done">Done</div>
        </div>
    </div>


    <script type="text/javascript" src="js/focusengine.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>
